<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/sapar.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/css/common.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/css/group_ticket_list.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/css/bootstrap.min.css" />
		<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/jquery.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/sapar.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/WdatePicker.js"></script>
		<title>维修订单统计</title>
	</head>

	<body>
		<div id="saper-container">
			<div id="saper-hd"></div>
			<div id="saper-bd">
				<div class="subfiled clearfix">
					<h2>维修订单统计</h2>
				</div>
				<div class="subfiled-content">
					<div class="tab-container" data-trigger="click">
						<div class="tab">
							<a href="javascript:;" class="current btn btn-primary">维修单故障列表统计</a>
							<a href="javascript:;" class="btn btn-primary">维修人员业绩统计</a>
							<a href="javascript:;" class="btn btn-primary">客服人员业绩统计</a>
							<!-- <a href="#mymodal2" data-toggle="modal" class="btn btn-primary">新增维修单故障</a> -->
						</div>
						<div class="tab-content">
							<div class="tab-content-item">
								<!--表格开始-->
								<div class="table">
									<!--表格具体内容-->
									<div class="table-box">
										
										<table>
											<thead>
												<tr>
													<th>序号</th>
													<th>维修单故障编号</th>
													<th>故障分类</th>
													<th>产品分类</th>
													<th>产品品牌</th>
													<th>规格/型号</th>
													<th>颜色</th>
													<th>故障现象</th>
													<th>助记码</th>
												</tr>
											</thead>
											<tbody>
												<tr class="no-data">
													<td colspan="9">暂时没有数据</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<div class="tab-content-item">
								<form name="f1" id="f1" action="?m=system&amp;c=myInfo&amp;a=updateInfo&amp;type=1" method="post">
									<div class="search-box clearfix">
										<div class="kv-item clearfix">
											<label>维修人员：</label>
											<div class="kv-item-content">
												<input type="text" placeholder="维修人员">
											</div>
										</div>
										<div class="kv-item clearfix">
											<label>维修时间：</label>
											<div class="kv-item-content time-select-wrap">
												<div class="time-select">
													<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="开始时间">
													<i class="date-icon"></i>
												</div>
												<span class="line">-</span>
												<div class="time-select">
													<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="结束时间">
													<i class="date-icon"></i>
												</div>
											</div>
										</div>
										<a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn">查询</a>
									</div>
								</form>
								<!--表格开始-->
								<div class="table">
									<!--表格具体内容-->
									<div class="table-box">
										<table>
											<thead>
												<tr>
													<td><input type="text" /><input type="button" value="计算提成" /><input type="text" /></td>
													<td></td>
													<td></td>
													<td align="right">
														<a href="#">导出表格</a>
													</td>
												</tr>
												<tr>
													<th>序号</th>
													<th>实收(元)</th>
													<th>盈利(元)</th>
													<th>提成</th>
													<th>维修人员</th>
													<th>所属店铺</th>
												</tr>
											</thead>
											<tbody>
												<tr class="no-data">
													<td colspan="10">暂时没有数据</td>
												</tr>
												<tr>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
												</tr>
												<tr style="background-color: #EFF6FA;">
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<!--表格结束-->
							</div>

							<div class="tab-content-item">
								<form name="f1" id="f1" action="?m=system&amp;c=myInfo&amp;a=updateInfo&amp;type=1" method="post">
									<div class="search-box clearfix">
										<div class="kv-item clearfix">
											<label>客服人员：</label>
											<div class="kv-item-content">
												<input type="text" placeholder="客服人员">
											</div>
										</div>
										<a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn">查询</a>
									</div>
								</form>
								<!--表格开始-->
								<div class="table">
									<!--表格具体内容-->
									<div class="table-box">
										<table>
											<thead>
												<tr>
													<td><input type="text" /><input type="button" value="计算提成" /><input type="text" /></td>
													<td></td>
													<td></td>
													<td align="right">
														<a href="#">导出表格</a>
													</td>
												</tr>
												<tr>
													<th>序号</th>
													<th>实收(元)</th>
													<th>盈利(元)</th>
													<th>提成</th>
													<th>客服人员</th>
													<th>所属店铺</th>
												</tr>
											</thead>
											<tbody>
												<tr class="no-data">
													<td colspan="10">暂时没有数据</td>
												</tr>
												<tr>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
												</tr>
												<tr style="background-color: #EFF6FA;">
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<!--表格结束-->
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="saper-ft"></div>
		</div>

		<!--弹出的模态框-->
		<div id="mymodal" class="modal fade">
			<!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
			<div class="modal-dialog modal-dialog">
				<!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
				<div class="modal-content">
					<form action="" method="post" enctype="multipart/form-data">
						<!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
						<div class="modal-header">
							<button class="close" data-dismiss="modal">&times;</button>
							<center>
								<h3 class="modal-title">结算销售单详情</h3></center>
						</div>
						<div class="media-body">
							<div class="addjiejidan">
								<center>
									<table bordercolor="lightgray" border="2">
										<tr align="right">
											<td>订单编号</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
										<tr>
											<td>挂账金额</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
										<tr>
											<td>结算方式</td>
											<td>
												<select class="form-control">
													<option value="-1">请选择</option>
													<option value="0">微信</option>
													<option value="1">支付宝</option>
												</select>
											</td>
										</tr>
										<tr align="right">
											<td>结款人</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
										<tr>
											<td>审核人</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
										<tr>
											<td>备注</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
									</table>
								</center>
							</div>
						</div>
						<div class="modal-footer">
							<button class="btn btn-default" data-dismiss="modal">关闭</button>
							<button class="btn btn-primary">保存</button>
						</div>
					</form>
				</div>
			</div>
		</div>

		<!--弹出的模态框-->
		<!-- <div id="mymodal2" class="modal fade">
			modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。
			<div class="modal-dialog modal-lg">
				modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中
				<div class="modal-content">
					<form action="" method="post" enctype="multipart/form-data">
						modal-content模态框的边框、边距、背景色、阴影效果。
						<div class="modal-header">
							<button class="close" data-dismiss="modal">&times;</button>
							<center>
								<h3 class="modal-title">新增维修单故障</h3></center>
						</div>
						<div class="media-body">
							<div class="addjiejidan">
								<center>
									<table bordercolor="lightgray" border="2">
										<tr align="right">
											<td>故障编号</td>
											<td><input type="text" class="form-control" /></td>
											<td>维修故障类别</td>
											<td><input type="text" class="form-control" /></td>
										</tr>

										<tr align="right">
											<td>品牌</td>
											<td><input type="text" class="form-control" /></td>
											<td>型号/规格</td>
											<td><input type="text" class="form-control" /></td>
										</tr>

										<tr align="right">
											<td>颜色</td>
											<td><input type="text" class="form-control" /></td>
											<td>故障现象</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
										<tr>
											<td>助记码</td>
											<td colspan="3"><input type="text" class="form-control" /></td>
										</tr>
									</table>
								</center>
							</div>
						</div>
						<div class="modal-footer">
							<button class="btn btn-default" data-dismiss="modal">关闭</button>
							<button class="btn btn-primary">保存</button>
						</div>
					</form>
				</div>
			</div>

		</div> -->
	</body>
	<script type="text/javascript" src='${pageContext.request.contextPath }/statics/js/jquery-1.12.4.js'></script>
	<script type="text/javascript" src='${pageContext.request.contextPath }/statics/js/bootstrap.js'></script>
	<script type="text/javascript">
		$('select').iSelect();
		/*$('.modal').modal();*/
	</script>

</html>